<script class="_dcdev_preset_" src="https://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<link href="https://cdn.bootcdn.net/ajax/libs/csshake/1.5.3/csshake.min.css" rel="stylesheet">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<style type="text/css">
		.shake-ani{
			width: 150px;
		    height: 150px;
		    line-height: 150px;
		    text-align: center;
		    background-color: #009688;
		    cursor: pointer;
		    color: #fff;
		    margin: 30px;
		    border-radius: 50%;
		}
	</style>
	


	<!-- csshake / 动画 start-->
	<!-- 文档地址 https://elrumordelaluz.github.io/csshake/ -->
	<ul style="list-style: none;padding: 1px;margin:0;display: flex;justify-content: space-around;flex-wrap: wrap;">
		<li>
			<div class="shake-ani shake">基本震动</div>
		</li>
		<li>
			<div class="shake-ani shake-slow">慢摇</div>
		</li>
		<li>
			<div class="shake-ani shake-little">小摇</div>
		</li>
		<li>
			<div class="shake-ani shake-hard">硬摇</div>
		</li>
		<li>
			<div class="shake-ani shake-horizontal">水平摇</div>
		</li>
		<li>
			<div class="shake-ani shake-vertical">垂直摇</div>
		</li>
		<li>
			<div class="shake-ani shake-rotate">旋转摇</div>
		</li>
		<li>
			<div class="shake-ani shake-opacity">不透明度摇</div>
		</li>
		<li>
			<div class="shake-ani shake-crazy">疯狂摇</div>
		</li>
		<li>
			<div class="shake-ani shake-slow shake-constant">不断摇</div>
		</li>
		<li>
			<div class="shake-ani shake-chunk">块震动</div>
		</li>
		<li>
			<div class="shake-ani shake-slow shake-constant shake-constant--hover">鼠标移入停止摇</div>
		</li>
	</ul>
	<!-- csshake / 动画 end-->
	